<?php include("includes/header.php"); ?>

<div class="row container-content">
    <div class="col-md-6">
        <h1>Contact</h1>
        <table class="table">
            <tbody>
                <tr>
                    <td rowspan="2" style="vertical-align: middle;">I Gede Arnata (Sales)</td>
                    <td>:</td>
                    <td>081338725078</td>
                </tr>
                <tr>
                    <td></td>
                    <td>03618092440</td>
                </tr>
                <tr>
                    <td width="35%" style="vertical-align: middle;">Bhayu (Operational Manager)</td>
                    <td width="5%">:</td>
                    <td>081239646426</td>
                </tr>
                <tr>
                    <td crowspan="2">Ketut Wirya (Owner)</td>
                    <td>:</td>
                    <td>081337232399</td>
                </tr>
            </tbody>
        </table>
        <h1>Our Location</h1>
        <table class="table">
            <tbody>
                <tr>
                    <td width="25%">Address</td>
                    <td width="5%">:</td>
                    <td>Jalan Ida Bagus Mantra, Pering Riverview Estate G 1, Blahbatuh, Keramas, Gianyar</td>
                </tr>
                <tr>
                    <td>Postal Code</td>
                    <td>:</td>
                    <td>80571</td>
                </tr>
                <tr>
                    <td>Country</td>
                    <td>:</td>
                    <td>Indonesia</td>
                </tr>
                <tr>
                    <td>Main Destination</td>
                    <td>:</td>
                    <td>Keramas, Ubud</td>
                </tr>
                <tr>
                    <td style="vertical-align: middle;">Email</td>
                    <td style="vertical-align: middle;">:</td>
                    <td>
                        w@thewosabali.com<br/>
                        info@thewosabali.com<br/>
                        reservation@thewosabali.com<br/>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <div class="col-md-6">
        <h1>Map</h1>
        <div id="map_canvas"></div>
    </div>
</div>

<?php include("includes/footer.php"); ?>

<!-- Gmaps -->
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script type="text/javascript">
	$(document).ready(function() {
		function initialize() {
            var center = new google.maps.LatLng(-8.604536, 115.319199);
            var map_canvas = document.getElementById('map_canvas');
            var map_options = {
                center: center,
                zoom: 15,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            }
            var map = new google.maps.Map(map_canvas, map_options)
            var marker = new google.maps.Marker({
                position: center,
                map: map,
                title: 'OSA VILLA'
            });
            var contentString = '<div id="content">'+
                '<div id="siteNotice">'+
                '</div>'+
                'OSA Bali Villa'+
                '</div>'+
                '</div>';
            var infowindow = new google.maps.InfoWindow({
                content: contentString
            });
            google.maps.event.addListener(marker, 'click', function() {
                infowindow.open(map,marker);
            });
        }
        google.maps.event.addDomListener(window, 'load', initialize);
	});
</script>